<template>
  <el-scrollbar class="scrollbar_home">
    <div style="display: flex;">


      <div class="home_body">
        <home_first
            ref="home_Dom"
        ></home_first>
      </div>

      <home_anchor
          :home_Dom="home_Dom"
      ></home_anchor>

    </div>
  </el-scrollbar>
</template>

<script setup>
import { ref } from 'vue'
import home_first from '@/components/home/home_first.vue'
import home_anchor from '@/components/home/home_anchor.vue'

const home_Dom = ref(null)

</script>

<style scoped>
.scrollbar_home{
  height: 92vh;
  width: 100%;
  position: static;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.home_body{
  min-height: 92vh;
  width: 163vh;
  padding: 1vh 1vh;
  margin-left: 3vh;
  background-color: #ffffff;
}


</style>
